var question = new Array(
"Axit cacboxylic",
"là",
"những",
"hợp chất",
"hữu cơ",
"mà",
"phân tử",
"có nhóm",
"cacboxyl(-COOH)",
"liên kết",
"trực tiếp",
"với",
"nguyên tử cacbon",
"hoặc",
"nguyên tử hiđro"
);

var resultquestion = new Array(
"01234567891011121314",

"01234567891011141312"
);

$(function() {
    var li1 = '';var li2 = '';var li3 = '';var li4 = '';var li5 = '';var li6 = '';var li7 = '';var li8 = '';var li9 = '';var li10 = '';
    $.each(question, function(key, val) {        
        if (key%10 == 0)
            li10 += '<li id="'+key+'" class="ui-state-default ui-corner-all">' + val + '</li>';
        else if (key%9 == 0)
            li9 += '<li id="'+key+'" class="ui-state-default ui-corner-all">' + val + '</li>';
        else if (key%8 ==0)
            li8 += '<li id="'+key+'" class="ui-state-default ui-corner-all">' + val + '</li>';
        else if (key%7 ==0)
            li7 += '<li id="'+key+'" class="ui-state-default ui-corner-all">' + val + '</li>';
        else if (key%6 ==0)
            li6 += '<li id="'+key+'" class="ui-state-default ui-corner-all">' + val + '</li>';
        else if (key%5 ==0)
            li5 += '<li id="'+key+'" class="ui-state-default ui-corner-all">' + val + '</li>';
        else if (key%4 ==0)
            li4 += '<li id="'+key+'" class="ui-state-default ui-corner-all">' + val + '</li>';
        else if (key%3 ==0)
            li3 += '<li id="'+key+'" class="ui-state-default ui-corner-all">' + val + '</li>';
        else if (key%2 ==0)
            li2 += '<li id="'+key+'" class="ui-state-default">' + val + '</li>';
        else
            li1 += '<li id="'+key+'" class="ui-state-default">' + val + '</li>';
    });
    $('#sortable1').append(li6);$('#sortable1').append(li7);$('#sortable1').append(li8);$('#sortable1').append(li9);$('#sortable1').append(li10);
    $('#sortable1').append(li1);$('#sortable1').append(li2);$('#sortable1').append(li3);$('#sortable1').append(li4);$('#sortable1').append(li5);

    $( "ul.droptrue" ).sortable({
        connectWith: "ul.group",
        cursor: "move",
        placeholder: "ui-state-highlight"
    });

    $( "ul.dropfalse" ).sortable({
        connectWith: "ul.group"
    });

    $( "ul.dropfalse" ).sortable({
        connectWith: "ul.group"
    });

    $( "ul.group" ).sortable({
        connectWith: "ul.droptrue"
    });

    $( ".group, .droptrue, .dropfalse" ).disableSelection();

    $('#submit').click(function() {
        var result = '';
        $('#group1').children().each(function(){
                var kid = $(this);
                result += (kid.attr('id'));
        });
        if (jQuery.inArray(result, resultquestion) != -1) { 
            $('.dialogNoteS').dialog({
                modal: true,
                buttons: {
                            Ok: function() {
                                location.replace('../group/index.html');
                            }
			}
            });
        } else {
            $('.dialogNoteE').dialog({
                modal: true,
                buttons: {
                            Ok: function() {                                
                                $( this ).dialog( "close" );
                            }
			}
            });
        }
    });
});